<link rel="stylesheet" href="../css/categrory-add.css">
<form id="category_add_form">
	<table>
		<tr>
			<td>层次：</td>
			<td>
				<input id="category_swt" class="easyui-switchbutton" name="parent_id">
				<span id="category_name"></span>
			</td>
		</tr>
		<tr>
			<td>名称：</td>
			<td>
				<input class="easyui-textbox" type="text" name="name" data-options="required:true,width:'280px'">
			</td>
		</tr>
		<tr>
			<td>排序：</td>
			<td>
				<input class="easyui-numberbox" type="text" name="sort" data-options="precision:0,required:true">
			</td>
		</tr>
		<tr>
			<td>状态：</td>
			<td>
				<select class="easyui-combobox" name="status" data-options="width:'80px',editable:false">
					<option value="1">正常</option>
					<option value="2">下架</option>
				</select>
			</td>
		</tr>
	</table>
</form>
<a id="category_add" class="easyui-linkbutton" data-options="width:'15%',height:'32px'" href="#">提交</a>
<a id="category_reset" class="easyui-linkbutton" data-options="width:'15%',height:'32px'" href="#">重置</a>
<script>
	$(function() {
		var list = $('#category_list');
		var cname = $('#category_name');
		var cid = 0;
		var node = list.treegrid('getSelected');
		if (node) {
			cid = node.id;
			cname.text(node.name);
		}
		$('#category_swt').switchbutton({
			onText: '自定义', // 按钮 on 状态显示文本
			offText: '最顶层', // 按钮 off 状态显示的文本
			checked: cid !== 0, // 若 cid 不为 0，则为 on 状态，否则为 off 状态
			disabled: cid === 0, // 若 cid 为 0，则将按钮禁用
			value: cid, // 按钮的 value 属性值为 cid
			onChange: function(checked) {
				cname.toggle(checked); // 按钮改变事件，为 on 时显示 cname，为 off 则隐藏
			}
		});
		var addForm = $('#category_add_form');
		$('#category_add').click(function() {
			if (!addForm.form('validate')) {
				$.messager.alert('提示', '表单还未填写完成！');
				return;
			}
			$.post(Config.api + 'categories', addForm.serialize(), function(data) {
				if (node && list.treegrid('isLeaf', cid)) {
					node.state = 'closed';
					list.treegrid('refresh', node.id);
				}
				list.treegrid('reload', cid);
				$('#add_window').window('close');
			});
		});
		$('#category_reset').click(function() {
		 addForm.form('reset');
		 });
	})
	
</script>